body {
    min-width: 320px;
    max-width: 750px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial, Helvetica;
    background: #f2f2f2;
    padding-top: 1.173333rem;
    padding-bottom: 1.333333rem;
}

a {
    text-decoration: none;
}


@media screen and (min-width: 750px) {
    html {
        font-size: 75px!important;
    }
}

.search-content{
    min-width: 320px;
    max-width: 750px;
    width:100%;
    height:1.173333rem;
    background-color: #6483ff;
    box-sizing: border-box;
    padding:.213333rem;
    position: fixed;
    top:0;
    left:50%;
    transform: translateX(-50%);
    z-index: 1;
    &::before{
        content:"";
        display: block;
        width: .64rem;
        height: .56rem;
        background:url(../images/homepage/news.png) no-repeat;
        background-size: .64rem .56rem;
        position: absolute;
        top: .266667rem;
        right: .266667rem;
    }
    .search-input{
        width: 8.533333rem;
        height:.746667rem;
        line-height: .746666rem;
        background-color: #fff;
        border-radius: .32rem;
        font-size: .373333rem;
        padding-left: .853333rem;
        box-sizing: border-box;
        position: relative;
        &::before{
            content:"";
            display: block;
            width:.32rem;
            height:.32rem;
            background:url(../images/homepage/search.png) no-repeat;
            background-size:.32rem auto;
            position: absolute;
            left:.4rem;
            top: .24rem;
        }
    }
}

main{
    background-color: #fff;
    .banner{  
        padding: .266667rem .266667rem 0 .266667rem;
        img{
            vertical-align: top;
            width:100%;
        }
    }
    .hot{
        h3{
            font-size: .48rem;
            height: 1.546667rem;
            line-height: 1.546667rem;
            margin:0;
            padding-left: .266667rem;
            padding-right: .266667rem;
        }
        .filter-area{
            display: flex;
            justify-content: space-between;
            font-size: .346667rem;
            height: .666667rem;
            border-bottom: .013333rem solid #ccc;
            padding: .266667rem;
            div{
                padding-right: .266667rem;
                position: relative;
                &::before{
                    content:"";
                    display: block;
                    position: absolute;
                    background:url(../images/homepage/下拉.png) no-repeat;
                    width: .213333rem;
                    height: .133333rem;
                    background-size: .213333rem .133333rem;
                    right:0;
                    top: .133333rem;
                }
                &:nth-child(2){
                   &::before{
                    width: .186667rem;
                    height: .32rem;
                    background:url(../images/homepage/价格1.png) no-repeat;
                    background-size: .186667rem .32rem;
                   }
                }
            }
        }
        .hot-content{
            padding: .56rem .266667rem 0 .266667rem;
            margin:0;
            list-style: none;
            li{
                display: flex;
                justify-content: space-between;
                margin-bottom: .666667rem;
                &:last-child{
                    margin-bottom: 0;
                }
                .hot-content-img{
                    width: 2.666667rem;
                    height: 1.866667rem;
                    margin-right: .293333rem;
                    img{
                        widows: 100%;
                        vertical-align: top;
                    }
                }
                .hot-content-area{
                    flex: 1;
                    padding-top: .186667rem;
                    .top{
                        font-size: .346667rem;
                        margin-bottom: .586667rem;
                    }
                    .bottom{
                        display: flex;
                        justify-content: space-between;
                        span:nth-child(1){
                            font-size: .32rem;
                            font-weight: bold;
                        }
                        span:nth-child(2){
                            font-size: .32rem;
                            color: #ccc;
                        }
                        a:nth-child(3){
                            font-size: .32rem;
                            display: block;
                            width: 2rem;
                            height: .746667rem;
                            line-height: .746667rem;
                            text-align: center;
                            border-radius: .266667rem;
                            color: #fff;
                            background-image: linear-gradient(to right,#49a1ff,#7a6bff);
                        }
                    }
                }
            }
        }
    }
}
@import "./footer.less";
